<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>弹弹</title>
	<style>
		.sp{

			width: 100px;
			height: 100px;
			background-color: red;
			border-radius:50%;
			text-align: center;
			line-height: 90px;
			position:relative
		}
		#btn{
			float: right;
		}
	</style>
</head>
<body>
	<div class="sp" id="qiu">神婆</div>
	<!-- <button id="btn">开始</button> -->
</body>
</html>
<script type="text/javascript" src="/Public/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#qiu").on("click",function(){
	// alert(11);
		$("div").animate({top:"774px",left:"+=200px"},2000).animate({top:"-=664",left:"+=200px"},2000)
		.animate({top:"774px",left:"+=200px"},2000).animate({top:"-=554",left:"+=200px"},2000)
		.animate({top:"774",left:"+=200px"},2000).animate({top:"-=444",left:"+=200px"},2000)
		.animate({top:"774",left:"+=200px"},2000).animate({top:"-=334",left:"+=200px"},2000)
		.animate({top:"774",left:"+=200px"},2000).animate({top:"-=224",left:"-=200px"},2000)
		.animate({top:"774",left:"+=200px"},2000).animate({top:"-=114",left:"+=200px"},2000)
		.animate({top:"774",left:"+=200px"},2000).animate({top:"-=10",left:"+=200px"},2000);
	});
});
</script>